<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="icon" href="imgs/logo_top.png">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/register_style.css">
    <title>用户注册</title>
</head>
<body>
    <div id="register_main">
        <ul class="register_box">
            <li>
                <p><span class="active">用手机号码注册</span><b> | </b><span>用电子邮箱注册账号</span></p>
            </li>
            <li><input placeholder="请输入手机号码" name="user_name" id="register_phone"><span id="phone_alert"></span></li>
            <li><input type="password" placeholder="密码为6-16个字符" name="user_pwd" id="register_pwd"><span id="pwd_alert"></span></li>
            <li>
                <input name="auth_code" id="auth_code" placeholder="请输入验证码"><canvas id="auth_code_canvas" width="120" height="48" class="rf"></canvas><span id="auth_code_alert"></span>
            </li>
            <li>
                <input name="tel_code" id="tel_code" placeholder="请输入手机收到的验证码"><button>获取验证码</button><span id="phone_code_alert"></span>
            </li>
            <li>
                <input type="checkbox" name="protocol_anwser" id="protocol_selector"><label for="protocol_selector">我已阅读并接受<a href="#">用户协议</a>和<a
                    href="#">隐私政策</a></label><span id="protocol_alert"></span>
            </li>
            <li>
                <button id="register_btn">提交</button><span id="register_alert"></span>
            </li>
            <li><p class="rf">已有账号，<a href="login.html">直接登录</a></p></li>
        </ul>
    </div>
    <div id="footer"></div>
    <script src="js/jquery-1.12.4.js"></script>
    <script src="js/register.js"></script>
</body>
</html>